Adwaita: Keep entry progress visible
authorMatthias Clasen <mclasen@redhat.com>
Sat, 16 Jan 2016 18:24:56 +0000 (13:24 -0500)
committerMatthias Clasen <mclasen@redhat.com>
Sun, 17 Jan 2016 00:23:26 +0000 (19:23 -0500)
When the entry is focused, make the progress one pixel wider
so it doesn't get swallowed by the focus outline.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index f313e8f5a9aec6949aea18eaa9daac7de12e488a..a61d38d7fdcde90a16e4f02ee5b15712a143c9a8 100644 (file)
@@ -274,6 +274,10 @@ entry {
     &:backdrop { background-color: transparent; }
   }
 
+  &:focus progress {
+    border-bottom-width: 3px;
+  }
+
   .linked:not(.vertical) > & { @extend %linked; }
   .linked:not(.vertical) > &:focus + entry,
   .linked:not(.vertical) > &:focus + button,
index dcefa8fcf300eb1beaaa1440b58c75a8223b820e..ad50ac2de244c0d7708d47d707d07a2eb5ca01c2 100644 (file)
@@ -220,6 +220,8 @@ entry, spinbutton {
     box-shadow: none; }
     entry progress:backdrop, spinbutton progress:backdrop {
       background-color: transparent; }
+  entry:focus progress, spinbutton:focus progress {
+    border-bottom-width: 3px; }
   .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > entry:focus + spinbutton, .linked:not(.vertical) > spinbutton:focus + spinbutton, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus + combobox > button.combo {
     border-left-color: #0f2b48; }
   entry.error, spinbutton.error {
index 521b87945b97d7db7f56a990edd32344faeefde7..9536ba40925da40d09783652558450dfa6fa22b9 100644 (file)
@@ -220,6 +220,8 @@ entry, spinbutton {
     box-shadow: none; }
     entry progress:backdrop, spinbutton progress:backdrop {
       background-color: transparent; }
+  entry:focus progress, spinbutton:focus progress {
+    border-bottom-width: 3px; }
   .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > entry:focus + spinbutton, .linked:not(.vertical) > spinbutton:focus + spinbutton, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus + combobox > button.combo {
     border-left-color: #4a90d9; }
   entry.error, spinbutton.error {